var expect = require("chai").expect;
var hooks = require("./hooks");

module.exports = function (helpers) {
  var component = helpers.mount(require.resolve("./index"), {
    name: "Frank",
  });

  expect(component.el.querySelector(".foo .name").innerHTML).to.equal("Frank");
  expect(hooks.getHookNames("foo")).to.deep.equal([
    "create",
    "render",
    "mount",
  ]);
  expect(hooks.getHookNames("root")).to.deep.equal([
    "create",
    "render",
    "mount",
  ]);

  hooks.reset();

  component.input = { name: "John" };
  component.update();

  expect(component.el.querySelector(".foo .name").innerHTML).to.equal("John");
  expect(hooks.getHookNames("foo")).to.deep.equal(["render", "update"]);
  expect(hooks.getHookNames("root")).to.deep.equal(["render", "update"]);
};
